<template>
    <layout>
        <x-header slot="header" logo="/static/images/organize/pc_logo.png" title="认证服务"/>
        <x-body slot="body">
            <wrapper class="organize-body">
                  <div class="steps">
                    <el-steps :space="100" :active="active">
                      <el-step title="认证说明"></el-step>
                      <el-step title="服务协议"></el-step>
                      <el-step title="选择类型"></el-step>
                      <el-step title="填写信息"></el-step>
                      <el-step title="提交审核"></el-step>
                    </el-steps>
                  </div>
                <router-view :active-change="activeChange"></router-view>
            </wrapper>
        </x-body>
    </layout>
</template>

<script>
  export default {
    mounted  () {
      // window.addEventListener('load', () => {  // 页面刷新时，重回认证说明页面
      //   this.$router.push('/organize/state')
      // })
    },
    data () {
      return {
        active: 1
      }
    },
    methods: {
      activeChange (value) {
        this.active = value
      }
    }
  }
</script>

<style lang="scss" scoped>
    @import '~styles/var.scss';
    .organize-body {
        background: #fff;
        margin-top: 40px;
    }
</style>
<style lang="scss">
    @import '~styles/var.scss';
    .btn-organize{
      width:110px;
      height:40px;
      margin: 0 5px;
    }
</style>
